<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core">
<ui:composition template="/WEB-INF/templates/BasicTemplate.xhtml">
	<ui:define name="content">
	<h:form>
	<center>
		<div class="navigation" id="navigation">
			<ul class="navigation">
	           	<li><a href="welcome.xhtml">Menu</a></li>
	            <li id="#{gestionSalasBean.active1}">
	            <h:commandLink value="Sala 1" action="#{gestionSalasBean.cambioSala}">
			        <f:setPropertyActionListener target="#{gestionSalasBean.salaId}" value="1" />
			    </h:commandLink>
	            </li>
	            <li id="#{gestionSalasBean.active2}">
	            <h:commandLink value="Sala 2" action="#{gestionSalasBean.cambioSala}">
			        <f:setPropertyActionListener target="#{gestionSalasBean.salaId}" value="2" />
			    </h:commandLink>
	            </li>
	            <li id="#{gestionSalasBean.active3}">
	            <h:commandLink value="Sala 3" action="#{gestionSalasBean.cambioSala}">
			        <f:setPropertyActionListener target="#{gestionSalasBean.salaId}" value="3" />
			    </h:commandLink>
	            </li>
	            <li id="#{gestionSalasBean.active4}">
	            <h:commandLink value="Sala 4" action="#{gestionSalasBean.cambioSala}">
			        <f:setPropertyActionListener target="#{gestionSalasBean.salaId}" value="4" />
			    </h:commandLink>
	            </li>
	            <li id="#{gestionSalasBean.active5}">
	            <h:commandLink value="Sala 5" action="#{gestionSalasBean.cambioSala}">
			        <f:setPropertyActionListener target="#{gestionSalasBean.salaId}" value="5" />
			    </h:commandLink>
	            </li>
	            <li id="#{gestionSalasBean.active6}">
	            <h:commandLink value="Sala 6" action="#{gestionSalasBean.cambioSala}">
			        <f:setPropertyActionListener target="#{gestionSalasBean.salaId}" value="6" />
			    </h:commandLink>
	            </li>
	            <li id="#{gestionSalasBean.active7}">
	            <h:commandLink value="Sala 7" action="#{gestionSalasBean.cambioSala}">
			        <f:setPropertyActionListener target="#{gestionSalasBean.salaId}" value="7" />
			    </h:commandLink>
	            </li>
	            <li id="#{gestionSalasBean.active8}">
	            <h:commandLink value="Sala 8" action="#{gestionSalasBean.cambioSala}">
			        <f:setPropertyActionListener target="#{gestionSalasBean.salaId}" value="8" />
			    </h:commandLink>
	            </li>
			</ul>
		</div>  
		<br/>
		<h:panelGroup binding="#{gestionSalasBean.dataTableGroup}" />
	</center>
	</h:form>
	</ui:define>

</ui:composition>
</html>